<ui:composition xmlns="http://www.w3.org/1999/xhtml"
                xmlns:h="http://xmlns.jcp.org/jsf/html"
                xmlns:ui="http://xmlns.jcp.org/jsf/facelets"
                xmlns:p="http://primefaces.org/ui"
                xmlns:f="http://xmlns.jcp.org/jsf/core">
    <h:form id="vehicleform">

        <p:dataTable var="vehicle" value="#{item.vehicleList}" paginator="true" rows="10"
                     paginatorTemplate="{RowsPerPageDropdown} {FirstPageLink} {PreviousPageLink} {CurrentPageReport} {NextPageLink} {LastPageLink}"
                     rowsPerPageTemplate="5,10,15"   id="Table" lazy="true">
            <!--<p:ajax event="rowSelect" listener="#{userroleMB.onRowSelect}" update=":form:detail" oncomplete="PF('detailDialog').show()" />-->

            <p:column headerText="#{bundle.vehicle}#{bundle.id}" sortBy="#{vehicle.idvehicle}" filterBy="#{vehicle.idvehicle}">
                <h:outputText value="#{vehicle.idvehicle}" />
            </p:column>
            <p:column headerText="#{bundle.plate}" sortBy="#{vehicle.plate}" filterBy="#{vehicle.plate}">
                <h:outputText value="#{vehicle.plate}" />
            </p:column>
            
            <p:column headerText="#{bundle.capacity}" sortBy="#{vehicle.capacity}" filterBy="#{vehicle.capacity}">
                <h:outputText value="#{vehicle.capacity}" />
            </p:column>
            <p:column headerText="#{bundle.perdispatchCost}" sortBy="#{vehicle.dispatchCost}" filterBy="#{vehicle.dispatchCost}">
                <h:outputText value="#{vehicle.dispatchCost}" />
            </p:column>
            <p:column headerText="#{bundle.unitTranCost}" sortBy="#{vehicle.unitTranCost}" filterBy="#{vehicle.unitTranCost}">
                <h:outputText value="#{vehicle.unitTranCost}" />
            </p:column>
            <p:column headerText="#{bundle.speed}" sortBy="#{vehicle.speed}" filterBy="#{vehicle.speed}">
                <h:outputText value="#{vehicle.speed}" />
            </p:column>

        </p:dataTable>
        <p:blockUI block="Table" trigger="Table">
            LOADING<br />
            <p:graphicImage name="img/ajaxloadingbar.gif"/>
        </p:blockUI>

    </h:form>

</ui:composition>

